<template>
  <div>
    御剑乘风来,除魔天地间!
    <UploadExcel :on-success="handleSuccess" />
  </div>
</template>
<script>
import { importEmployee } from '@/api/employees'
import { formatExcelDate } from '@/utils'
export default {
  name: '',
  data() {
    return {}
  },
  created() {},
  computed: {},
  methods: {
    async handleSuccess({ results }) {
      console.log(`result`, results)
      /*
      步骤分析：
      1-获取excel表格中的数据  result
        1-1 处理数据==将字段名转换成英文的
      2-发送请求
        2-1 封装api接口函数
        2-2 调用函数
        2-3 成功后需要刷新页面

      */
      const mapInfo = {
        入职日期: 'timeOfEntry',
        手机号: 'mobile',
        姓名: 'username',
        转正日期: 'correctionTime',
        工号: 'workNumber',
        部门: 'departmentName',
        聘用形式: 'formOfEmployment'
      }
      // var zh = Object.keys(mapInfo) //  ['入职日期', '手机号', '姓名', '转正日期', '工号', '部门', '聘用形式']
      // console.log(`zh`, zh)
      // var newObj = zh.map((item) => {
      //   var enKey = mapInfo[item] //  获取的是英文
      //   return { enKey: 1 }
      // })
      // console.log(`newObj`, newObj)
      /*
      步骤：
      1-中文转换成英文
      2-需要循环表格列表数据

      */
      // var arr = results.map((item) => {
      //   var zh = Object.keys(mapInfo)
      //   var obj = {}
      //   zh.forEach((key) => {
      //     var enKey = mapInfo[key]
      //     obj[enKey] = item[key]
      //   })
      //   return obj
      // })
      // console.log(`arr`, arr)

      var zh = Object.keys(mapInfo)

      var newArr = results.map((item) => {
        var obj = {}
        // 循环所有中文键
        for (var key of zh) {
          // console.log(`key`,key); key====中文
          // 获取英文键
          var en = mapInfo[key] // 英文
          // 转换时间
          if (en === 'timeOfEntry' || en === 'correctionTime') {
            // 进行格式转换
            obj[en] = new Date(formatExcelDate(item[key]))
          } else {
            // 重新定义对象中的英文键和值
            obj[en] = item[key]
          }
        }
        return obj
      })
      console.log(`newArr`, newArr)

      // 发送请求
      const res = await importEmployee(newArr)
      console.log(`res=====77777`, res)
      this.$router.push('/employees')
    }
  }
}
</script>
<style lang='less'  scoped>
</style>
